<template>
  <footer class="footer-area">
    <el-row>
      <el-col :offset="3" :span="6">
        <el-row class="footer-content">
          <el-col :span="16" :offset="4">
            <div class="footer-title">CONTACT US</div>
          </el-col>
          <el-col :span="16" :offset="4">
            <p>
              <i class="el-icon-message"> &nbsp;</i
              ><a href="mailto:kf@abcditc.com">kf@abcditc.com</a> 客服邮箱
            </p>
          </el-col>
          <el-col :span="16" :offset="4">
            <p>
              <i class="el-icon-message"> &nbsp;</i
              ><a href="mailto:hr@abcditc.com">hr@abcditc.com</a> 人才招聘
            </p>
          </el-col>
          <el-col :span="16" :offset="4">
            <p>
              <i class="el-icon-message"> &nbsp;</i
              ><a href="mailto:business@abcditc.com">business@abcditc.com</a>
              商务
            </p>
          </el-col>
        </el-row>
      </el-col>
      <el-col :span="6">
        <el-row class="footer-content">
          <el-col :span="16" :offset="4">
            <div class="footer-title">Join US</div>
          </el-col>
          <el-col :span="16" :offset="4">
            <p>
              <i class="el-icon-phone-outline"> &nbsp;</i><a href="tel:+18398098978">18398098978</a> 客服电话
            </p>
          </el-col>
          <el-col :span="16" :offset="4">
            <p>
              <i class="el-icon-location-outline"> </i> 西安市西咸新区沣东新城
            </p>
          </el-col>
          <el-col :span="16" :offset="4">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;三桥街道武警二路8号</p>
          </el-col>
        </el-row>
      </el-col>
      <el-col :span="6">
        <el-row class="footer-content">
          <el-col :span="16" :offset="4">
            <p>
              <img
                src="
"
                width="100"
                alt=""
                srcset=""
              />
            </p>
          </el-col>
        </el-row>
      </el-col>
    </el-row>

    <div class="copyright">
      <p>
        版权所有 西安科技有限公司 Copyright &copy;2007-{{
          new Date().getFullYear()
        }}
        abcditc.com All rights reserved. <a href="#">陕ICP备19012345号</a>
      </p>
    </div>
  </footer>
</template>

<script>
export default {
  name: "Footer",
};
</script>

<style lang="scss" scoped>
.footer-area {
  background-color: #fb7e00;
  height: 180px;
  width: 100%;
  position: relative;
  .footer-content {
    padding: 20px 0px;
    white-space: nowrap;
    p {
      height: 25px;
      line-height: 25px;
      color: #fff;
      a {
        text-decoration: none;
        color: #ccc;
      }
    }
    .footer-title {
      font-size: 20px;
      color: aliceblue;
      font-weight: bold;
      height: 30px;
      line-height: 30px;
    }
  }
  .copyright {
    height: 35px;
    width: 100%;
    background-color: #ebb6087e;
    box-shadow: 0px -1px 3px #fb7e00;
    text-align: center;
    p {
      line-height: 35px;
      color: #eee;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      a {
        text-decoration: none;
        color: #fff;
      }
    }
  }
}
</style>